<template>
  <view class="college-dec wh100p" style="padding: 20rpx 20rpx; box-sizing: border-box">
    <college-table
      class="custom"
      :custom-head-class="['bga0c4f4', 'colorfff']"
      :custom-tb-class="['font12', 'subject-tb-text']"
      :stripe="true"
      :stripe-color="'rgba(160, 196, 244, 1)'"
      style="height: 700rpx"
      :table-ths="tableThs"
      :table-trs="tableTrs"
      :width-list="widthList"
    />
  </view>
</template>
<script setup lang="ts">
import collegeTable from '@/pages/subject/subjectDetail/component/college-table.vue'
import { ref } from 'vue'

const tableThs = ref<Array<string>>(['课堂名称'])
const tableTrs = ref<Array<object>>([
  { name: '新闻学概论' },
  { name: '中国新闻史' },
  { name: '外国新闻史' },
  { name: '新闻编辑 ' },
  { name: '新闻采访' },
  { name: '广播电视学' },
]) //设置表格内容，name代表第一列，data指的是内容
const widthList = ref([1]) //控制每行每列占多少比例
</script>
<style>
.subject-tb-text {
  height: 60rpx;
  line-height: 60rpx;
  padding: 0 10rpx;
}
/deep/.custom .border-r-1 {
  border: none;
}
</style>
